
<template>
  <a href="#" class="link itemWarp">
    <i class="iconfont icon-geren1"></i>
    <span>主页</span>
  </a>
</template>
<script >
export default {
  name: "Tab",
  props: {
    title: {
      type: String,
    },
    link: {
      type: String,
    },
    sel: {
      type: String,
    },
  },
  render() {
    console.log(this);
  },
  computed: {
    bol: function () {
      if (this.sel == this.link) {
        return true;
      }
      return false;
    },
  },
  methods: {
    changePage: function () {
      //点击跳转对应的页面
      this.$router.push("/" + this.link);
      this.$emit("change", this.link);
    },
  },
};
</script>
<style scoped>
.itemWarp {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.itemWarp span {
  font-size: 12px;
}
</style>